.theme-container {
  @apply relative min-h-screen;

  .theme-main {
    @apply mx-auto max-w-screen-1.5xl w-full;
    @apply md:flex;
    .page-container {
      @apply flex-1 flex relative;
      @apply md:w-0;
    }
  }

  .password-wrapper {
    &.out {
      @apply fixed z-40 w-screen h-screen;
    }
  }

  &.mobile-menus--active {
    .mobile-menus-container {
      @apply translate-y-0 !important;
    }
  }

  .fade-enter-active, .fade-leave-active {
    transition: opacity 0.5s;
  }
  .fade-enter-from, .fade-leave-to {
    opacity: 0;
  }
}
